<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dialog弹出层Jquery插件</title>
<meta name="author" content="" />
<meta name="Copyright" content="" />

<meta name="Keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="css/Dialog.1.0.css">
<style type="text/css">
.a{
	display:block;
	width:400px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	cursor:pointer;
	background-color:#000000;
	color:#fff;
}
.a:hover{
	display:block;
	width:400px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	cursor:pointer;
	background-color:#CC00FF;
	color:#fff;
}
</style>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/Dialog.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#tmp1").click(function(){
		$.Dialog();
	});
	$("#tmp2").click(function(){
		$.Dialog("你好，欢迎您光临本站!");
	});
	$("#tmp3").click(function(){
		$.Dialog("你好，欢迎您光临本站!",{time:2000});
	});
	$("#tmp4").click(function(){
		$.Dialog("http://www.jq-school.com",{type:"iframe"});
	});
	$("#tmp5").click(function(){
		var def = {
			title:"这里是修改的默认标题",
		}
		$.Dialog(def);
		$.Dialog("本次函数未给定title参数，但是默认title已修改,再点击下上面的link，看看title");
	});
});
</script>
</head>
<body>
<center>
  <a class="a" id="tmp1">直接按默认打开</a><br/>
  <a class="a" id="tmp2">仅给定内容，其他参数默认</a><br/>
  <a class="a" id="tmp3">设置2s，自动关闭</a><br/>
  <a class="a" id="tmp4">iframe加载JquerySchool网站</a><br/>
  <a class="a" id="tmp5">更改默认参数type，为iframe后，默认参数打开</a><br/>
</center>
</body>
</html>
